<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>网站标题</title>
	<link href="lib/lib/css/bootstrap.min.css" rel="stylesheet">
	 <link rel="stylesheet" href="index.css">

</head>
<body>

<!-- 头部 -->
<header id="header">
<!-- <div class="container"> -->
	<div class="top-bar hidden-xs text-center text-muted">
		<div class="container">
			<div class="row">
				<div class="top-bar-1 col-md-2  col-sm-2">
					<a href="#" class="text-muted">
						<span class="glyphicon glyphicon-modal-window"></span>
						<span>关注微信号<span class="caret"></span></span>
						<img src="images/2.jpg"   style=" z-index: 2;width: 100px;height: 100px;">
					</a>
				</div>
 
				<div class="top-bar-2 col-md-5 col-sm-5">
					<i class="glyphicon glyphicon-earphone"></i>
				    <span>联系电话：8888 8888</span>
				</div>

				<div class="top-bar-3 col-md-2 col-sm-2">
					<a href="#" class="text-muted">校企合作</a>
					<a href="" class="text-muted">培训师</a>
				</div>

				<div class="top-bar-4 col-md-3 col-sm-3" >
					<a href="" role="button" class="btn btn-sm text-muted btn-regist">免费注册
					</a>
					<a href="" role="button" class="text-muted" style="margin-left: 12px">
						立即登录
					</a>
				</div>
			</div>
		</div>
	</div>


<!-- 第二部分 -->
	

<nav class="navbar navbar-default navbar-stattic-top navbar-new1">
  <div class="containe">
    
    <div class="navbar-header"  >
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">汉堡按钮</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">
      	<img style="width: 120px" src="images/logo.png">
      </a>
    </div> 



    <div class="collapse navbar-collapse div-new2" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li class="active">
        	<a href="#">关于我们 <span class="sr-only">(current)</span></a>
        </li>
        <li><a href="#">课程介绍 </a></li>
        <li><a href="#">热门课程 </a></li>
        <li><a href="#">名师授课 </a></li>
        <li><a href="#">课程互动 </a></li>
        <li><a href="#">联系我们 </a></li>
      </ul>

       <ul class="nav navbar-nav navbar-right hidden-sm hidden-xs">
       		 <li><a href="#">个人中心</a></li>
       </ul> 
      
    </div>

  </div>
</nav>

<!-- 第二部分，结束 -->


</div>	



<!-- </div> -->
</header><!-- /头部 -->





<!-- 轮播图 -->
	<section id="carousel">
		
<div class="carousel slide" id="lunbo">

<!-- 圆点 -->
	<ol class="carousel-indicators">
		<li data-target="#lunbo" data-slide-to="0" class="active"> </li>
		<li data-target="#lunbo" data-slide-to="1"></li>
		<li data-target="#lunbo" data-slide-to="2"></li>
	</ol>

<!-- 图片 -->
	<div class="carousel-inner">
		<div class="item active data-sm-img='images/banner1_640_340.jpg' data-lg-img='images/banner1_2000_400.jpg '  ">
		</div>

		<div class="item  data-sm-img='images/banner1_640_340.jpg' data-lg-img='images/banner1_2000_400.jpg '  ">
		</div>

		<div class="item  data-sm-img='images/banner1_640_340.jpg' data-lg-img='images/banner1_2000_400.jpg '  ">
		</div>
	</div>

<!-- 上下张按钮 -->
	<a class="left carousel-control" href="#lunbo" role="button" data-slide="prev">
		<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
		<span class="sr-only">Previous</span>
	</a>

	<a href="#lunbo" class="right carousel-control" role="button" data-slide="next">
		<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
		<span class="sr-only">Next</span>
	</a>


</div>







	</section>
<!-- /轮播图 -->


<!-- 关于我们 -->
	<section id="about "> 关于我们</section>
<!-- /关于我们 -->


<!-- 产品特色 -->
	<section id="product ">产品特色</section>
<!-- /产品特色 -->


<!-- 热门课程 -->
	<section id="hot">热门课程</section>
<!-- /热门课程 -->


<!-- 友情链接 -->
	<section id="footer">友情链接</section>
<!-- /友情链接 -->







<br>
	<p class="visible-xs">当前屏幕尺寸：xs</p>
	<p class="visible-sm">当前屏幕尺寸：sm</p>
	<p class="visible-md">当前屏幕尺寸：md</p>
	<p class="visible-lg">当前屏幕尺寸：lg</p>
<br><br>

<!-- 引入本地文件 bootstrap基于JQ上运行，需加载JQ文件-->
<script src="lib/jquery/jquery-1.11.0.min.js"></script>
<script src="lib/lib/js/bootstrap.min.js"></script>
<script src="index.js"></script>
	
</body>
</html>